<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>swiper dom选择器</title>
	<link rel="stylesheet" href="./lib/swiper.min.css">
	<script src="./lib/swiper.min.js"></script>
	<script src="./lib/jquery-1.11.3.min.js"></script>
	<style>
		#test {
			width: 600px;
			height: 600px;
		}
		#test div {
			width: 100%;
			height: 100%;
		}
		#test img {
			width: 100%;
			height: 100%;
		}
	</style>
</head>
<body>
	<div id="test" class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><img src="./img/1.jpg"></div>
			<div class="swiper-slide"><img src="./img/2.jpg"></div>
			<div class="swiper-slide"><img src="./img/3.jpg"></div>
			<div class="swiper-slide"><img src="./img/4.jpg"></div>
			<div class="swiper-slide"><img src="./img/5.jpg"></div>
		</div>
	</div>


	<script>
		$(function() {
			// new Swiper('#test');
			var s = $('#test')[0];
			new Swiper(s);
		})
	</script>
</body>
</html>